<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="01.css">
</head>

<body>
    <!-- 通栏背景 -->
    <div class="tlbj">
        <!-- 版心 -->
        <div class="bx">
            <div class="left">
                <ul>
                    <li><a href="#">新浪首页</a></li>
                    <li><a href="#">新浪游戏</a></li>
                    <li><a href="#">97973手游网</a></li>
                    <li><a href="#">微游戏</a></li>
                    <li><img src="../img/images/JfTop_03.gif" alt=""><a href="#">手机</a><img
                            src="../img/images/JfTop_06.jpg" alt=""></li>
                </ul>
            </div>
            <div class="right">
                <img src="../img/images/notice.png" alt="">
                <p> 公告：多读书丶多看报；少吃零食丶多点广告</p>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="bx2">
        <div class="left1">
            <img src="../img/images/jf_logo.jpg" alt="">
        </div>
        <div class="right1">
            <img src="../img/images/20160112172821.jpg" alt="">
            <form action="#" class="dui"><input type="text" value="输入查询商品名称...">
                <button>搜索</button>
            </form>
        </div>
    </div>
    <!-- 通栏背景1 -->
    <div class="tlbj1">
        <!-- 版心2 -->
        <div class="bx3">
            <div class="left2">
                <ul>
                    <li>首页</li>
                    <li class="ys">兑换商城</li>
                    <li>积分活动</li>
                    <li>常见问题</li>
                </ul>
            </div>
            <div class="right2">
                <img src="../img/images/other_02.png" alt="">
                用户登录
            </div>
        </div>
    </div>
    <!-- 内容区 -->
    <div class="neiyong">
        <div class="xiaoneiyong">
            <div class="top">
                <ul class="szxian">
                    <li class="qbsp">全部商品</li>
                    <li>最新上架</li>
                    <li>虚拟卡券</li>
                    <li>动画周边</li>
                    <li>电子数码</li>
                    <li>居家生活</li>
                    <li class="zh">微游专区</li>
                </ul>
            </div>
            <div class="bottom"></div>
        </div>
    </div>